@r-c-white :#ffffff;
@r-c-white-soft: #f8f8f8; //白色的背景色
@r-c-white-mute: #f0f0f0; //白色的背景色

@r-c-black: #181818;
@r-c-black-soft: #222222;
@r-c-black-mute: #282828;

@r-c-indigo: #2c3e50;

@r-c-divider-light-1: rgba(60, 60, 60, 0.29);
@r-c-divider-light-2: rgba(60, 60, 60, 0.12);
@r-c-divider-dark-1: rgba(84, 84, 84, 0.65);
@r-c-divider-dark-2: rgba(84, 84, 84, 0.48);

@r-c-text-light-1: @r-c-indigo;
@r-c-text-light-2: rgba(60, 60, 60, 0.66);
@r-c-text-dark-1: @r-c-white;
@r-c-text-dark-2: rgba(235, 235, 235, 0.64);


:root {
  --nv-height: 80px;
  --nv-z-index: 1000;
  --nv-bg-color: @r-c-white;
  --card-bg-color: #fff;
  --bd-color: @r-c-divider-light-1;
  --item-margin-top: 20px;
  --r-border-radius: 8px; //大部分圆角
  --title-color: #056ebe;
  // 层级问题很值得研究
}

:root {
  // element-ui的颜色
  --el-color-primary: #409eff;
  --el-color-success: #67c23a;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f56c6c;
  --el-color-info: #909399;

  --el-color-text-primary: #303133;
  --el-color-text-regular: #606266;
  --el-color-text-secondary: #909399;
  --el-color-text-placeholder: #A8ABB2;
  --el-color-text-Disabled: #A8ABB2;

  --el-color-border-Darker: #CDD0D6;
  --el-color-border-Dark: #D4D7DE;
  --el-color-border-Base: #DCDFE6;
  --el-color-border-Light: #E4E7ED;
  --el-color-border-Lighter: #EBEEF5;
  --el-color-border-Lightest: #F2F6FC;

  --el-color-Fill-Darker: #E6E8EB;
  --el-color-Fill-Dark: #EBEDF0;
  --el-color-Fill-Base: #F0F2F5;
  --el-color-Fill-Light: #F5F7FA;
  --el-color-Fill-Lighter: #FAFAFA;
  --el-color-Fill-Lightest: #FAFCFF;

  --el-color-Black-Basic: #000000;
  --el-color-White-Basic: #FFFFFF;

  --el-color-Background-Page: #F2F3F5;
  --el-color-Background-Base: #FFFFFF;
}


*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  font-weight: normal;
}

body {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  // letter-spacing: .2px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  // 大部分继承这俩颜色就行了
  color: @r-c-text-light-1;
  background-color: @r-c-white;
  direction: ltr;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  transition: color .5s, background-color .5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
}